<template>
	<view class="page themeBga">
		<!-- 顶部背景 -->
		<view class="topBga themeColor flex  alignEnd">
			<view class="mb120 ml20 flex alignCenter">
				<image class="border50" src="" style="width: 124rpx;height: 124rpx;background-color: aquamarine;">
				</image>
				<view class="flexColumn fff ml20">
					<view class="bold mb10 fz32">微信用户/请点击登录</view>
					<view class="fz24">UID：8888888</view>
				</view>
			</view>
		</view>

		<view class="boxAllTwo">
			<!-- 管理-->
			<view class="manage themeMask flex justifyBetween border12 mb20">
				<view class="order flex alignCenter" @click="goUrl('/pagesMy/order/order')">
					<image class="imageSize mr30" src="/static/images/my/icon.png"></image>
					<view class="fz24">订单管理</view>
				</view>
				<image class="line" src="/static/images/my/line.png"></image>

				<view class="order flex alignCenter" @click="goUrl('/pagesMy/record/record')">
					<image class="imageSize mr30" src="/static/images/my/icon.png"></image>
					<view class="fz24">记录管理</view>
				</view>
			</view>
			<!-- 内容区 -->
			<view class="common themeMask border12 mb20">
				<view class="flex justifyBetween borderBtm">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">我的收藏</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
				<view class="flex justifyBetween borderBtm">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">红包卡券</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
				<view class="flex justifyBetween borderBtm">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">联系客服</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
				<view class="flex justifyBetween mt16">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">收货地址</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
			</view>
			<!-- 内容2 -->
			<view class="common themeMask border12 mb20">
				<view class="flex justifyBetween borderBtm">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">我的店铺</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
				<view class="flex justifyBetween borderBtm">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">我是员工</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
				<view class="flex justifyBetween mt16">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">区域合伙人&业务员</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
			</view>
			<!-- 内容3 -->
			<view class="common themeMask border12">
				<view class="flex justifyBetween borderBtm">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">关于我们</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
				<view class="flex justifyBetween mt16">
					<view class="flex alignCenter">
						<image class="imageSize mr20" src="/static/images/my/icon.png"></image>
						<view class="fz24">设置</view>
					</view>
					<uv-icon name="arrow-right" size="12"></uv-icon>
				</view>
			</view>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue'
	const goUrl = (url) => {
		uni.navigateTo({
			url,
		})
	}
</script>

<style lang="scss" scoped>
	.page {
		height: 100vh;
		overflow: auto;
		display: flex;
		flex-direction: column;
	}

	// 顶部背景
	.topBga {
		width: 100%;
		height: 430rpx;

	}

	// 订单
	.manage {
		margin-top: -80rpx;
		padding: 36rpx 77rpx;

		.line {
			width: 32rpx;
			height: 70rpx;
		}
	}

	// 内容
	.common {
		padding: 24rpx 12rpx;
	}
</style>